<div class="gallery">
	<div id="actions">
	   <a class="prev">&laquo; Volver</a>
	   <a class="next">Más artículos &raquo;</a>
	</div>

	<!-- root element for scrollable -->
	<div class="scrollable vertical">

	   	<!-- root element for the scrollable elements -->
		<div class="items">

		  	<!-- first element. contains three rows -->
	    	<!-- first row -->
		    <div class="item">
				<ul class="products">
				<?php foreach ($articulos as $i => $product): ?>
				<li>
					<?php if(($i%4) != 0):?>
						<div class="separator"></div>
					<?php endif;?>
					<div class="image">
						<?php echo link_to(image_tag($product->getFirstPicture()->getThumbnailFileName()), 'articulo/'.$product->getSlug()) ?>
					</div>
					<div class="title">
						<?php echo link_to($product->getName(), 'articulo/'.$product->getSlug()) ?>
					</div>
					<?php $price = explode(".",$product->getPrice()); ?>
					<span class="price">$<?php echo $price[0] ?><span style="font-size: 10px; vertical-align: top;"><?php echo $price[1] ?></span></span>

				</li>
				<?php endforeach; ?>
				</ul>
	        </div>

	        <div class="item">
				<ul class="products">
				<?php foreach ($articulos as $i => $product): ?>
				<li>
					<?php if(($i%4) != 0):?>
						<div class="separator"></div>
					<?php endif;?>
					<div class="image">
						<?php echo link_to(image_tag($product->getFirstPicture()->getThumbnailFileName()), 'articulo/'.$product->getSlug()) ?>
					</div>
					<div class="title">
						<?php echo link_to($product->getName(), 'articulo/'.$product->getSlug()) ?>
					</div>
					<?php $price = explode(".",$product->getPrice()); ?>
					<span class="price">$<?php echo $price[0] ?><span style="font-size: 10px; vertical-align: top;"><?php echo $price[1] ?></span></span>
				</li>
				<?php endforeach; ?>
				</ul>
			</div>
	        <div class="item">
				<ul class="products">
				<?php foreach ($articulos as $i => $product): ?>
				<li>
					<?php if(($i%4) != 0):?>
						<div class="separator"></div>
					<?php endif;?>
					<div class="image">
						<?php echo link_to(image_tag($product->getFirstPicture()->getThumbnailFileName()), 'articulo/'.$product->getSlug()) ?>
					</div>
					<div class="title">
						<?php echo link_to($product->getName(), 'articulo/'.$product->getSlug()) ?>
					</div>
					<?php $price = explode(".",$product->getPrice()); ?>
					<span class="price">$<?php echo $price[0] ?><span style="font-size: 10px; vertical-align: top;"><?php echo $price[1] ?></span></span>

				</li>
				<?php endforeach; ?>
				</ul>
	        </div>

	   </div>

	</div>



	<!--<p><a href="#">Ver todos los artículos destacados</a></p>-->
</div>


